<#include "/client/config.ftl"/>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="${base}/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${base}/css/common.css" />
		<script type="text/javascript" src="${base}/js/jquery-1.12.0.min.js"></script>
		<script type="text/javascript" src="${base}/js/bootstrap.2.0.min.js"></script>
		<script type="text/javascript" src="${base}/js/jquery.bootstrap.wizard.js"></script>

	</head>

	<body>
		<div class="container-fluid">
			<div id="rootwizard">
				<div class="navbar hidden_area">
					<div class="navbar-inner">
						<div class="container">
							<ul>
								<li><a href="#tab1" data-toggle="tab"></a></li>
								<li><a href="#tab2" data-toggle="tab"></a></li>
							</ul>
						</div>
					</div>
				</div>
				<form action="${base}/client/task/addCompliance" id="form" method="post">
					<div class="tab-content">
						<div class="tab-pane" id="tab1">
							<ul>
								<li class="list_each">
									<h1>1.您是否有未按时服用止痛药的情况？</h1>
									<div class="page_right">
										<input type="radio" name="isTake" checked value="1"/>是
										<input type="radio" name="isTake" value="0"/>否
									</div>
								</li>
								<li class="list_each">
									<h1>2.在过去两周中您是否有漏服止痛药的情况？</h1>
									<div class="page_right">
										<input type="radio" name="isForTake" checked value="1"/>是
										<input type="radio" name="isForTake" value="0"/>否
									</div>
								</li>
								<li class="list_each">
									<h1>3.您是否有过在没有告知医师或药师的情况下加大或减少止痛药服药剂量的情况？</h1>
									<div class="page_right">
										<input type="radio" name="isChaTake" checked value="1"/>是
										<input type="radio" name="isChaTake" value="0"/>否
									</div>
								</li>
								<li class="list_each">
									<h1>4.您在外出旅行或离开家时是否有过忘记携带止痛药的情况？</h1>
									<div class="page_right">
										<input type="radio" name="isForCarry" checked value="1"/>是
										<input type="radio" name="isForCarry" value="0"/>否
									</div>
								</li>
							</ul>
						</div>
						<div class="tab-pane" id="tab2">
							<ul>
								<li class="list_each">
									<h1>5.您昨天服用了治痛药吗？</h1>
									<div class="page_right">
										<input type="radio" name="isTakeYes" checked value="1"/>是
										<input type="radio" name="isTakeYes" value="0"/>否
									</div>
								</li>
								<li class="list_each">
									<h1>6.当您感觉您的疼痛减轻时或得到有效控制时，您是否自行停用了止痛药？</h1>
									<div class="page_right">
										<input type="radio" name="isStop" checked value="1"/>是
										<input type="radio" name="isStop" value="0"/>否
									</div>
								</li>
								<li class="list_each">
									<h1>7.您对于严格遵守医师及药师给予的止痛方案是否感到麻烦或困难？</h1>
									<div class="page_right">
										<input type="radio" name="isBother" checked value="1"/>是
										<input type="radio" name="isBother" value="0"/>否
									</div>
								</li>
								<li class="list_each">
									<h1>8.您大概每多少天会发生一次没有严格遵守医师及药师给予的止痛方案的情况？</h1>
									<div class="page_right">
										<input type="number" class="form-control" name="numDay" placeholder="请输入多少天"/>
									</div>
								</li>
							</ul>
						</div>
						<ul class="pager wizard">
							<div class="hidden_area">
								<input type="hidden" name="tsId" value="${task.tsId}">
							</div>
							<li class="previous"><a href="#">上一步</a></li>
							<li class="next"><a href="#">下一步</a></li>
							<li class="next finish" style="display:none;"><a href="javascript:;">确认</a></li>
						</ul>
					</div>
				</form>
			</div>
		</div>

		<script>
			$(document).ready(function() {
				$('#rootwizard').bootstrapWizard({
					onTabShow: function(tab, navigation, index) {
						var $total = navigation.find('li').length;
						var $current = index + 1;
						// If it's the last tab then hide the last button and show the finish instead
						if ($current >= $total) {
							$('#rootwizard').find('.pager .next').hide();
							$('#rootwizard').find('.pager .finish').show();
							$('#rootwizard').find('.pager .finish').removeClass('disabled');
						} else {
							$('#rootwizard').find('.pager .next').show();
							$('#rootwizard').find('.pager .finish').hide();
						}
					}
				});
				$('#rootwizard .finish').click(function() {
					$("#form").submit();
				});
			});
		</script>

	</body>

</html>